<div class="promo-ribbon-elements" role="navigation">
 <div id="<?php echo static::e($id); ?>" class="hidden swiper-container promo-ribbon-swiper-container" data-elements="<?php echo static::e($num_elements); ?>" data-slides="<?php echo static::e($settings['slides_per_view']); ?>">
 <!-- Additional required wrapper -->

 <div class="swiper-wrapper">
 <!-- Slides -->
 <?php $ribbon_cnt =@1; ?>
 <?php $__currentLoopData = $ribbon_promo_buttons; $this->addLoop($__currentLoopData); foreach($__currentLoopData as $el_id=>$el_data): $this->incrementLoopIndices(); $loop = $this->getFirstLoop(); ?>
 <div class="ribbon-item swiper-slide" data-swiper-autoplay="<?php echo static::e($el_data['delay']); ?>">
 <a href="<?php echo static::e($el_data['ribbon_promo_url']); ?>" class="ribbon-link"
 title="<?php echo static::e($el_data['ribbon_promo_title']); ?>">
 <?php if(!empty($el_data['icon']) && $use_icons): ?>
 <img src="<?php echo static::e($el_data['icon']); ?>" width="50" height="50" class="ribbon-icon" alt="<?php echo static::e($el_data['ribbon_promo_title']); ?>" title="<?php echo static::e($el_data['ribbon_promo_title']); ?>">
 <?php endif; ?>
 <span class="ribbon-item-title"><?php echo static::e($el_data['ribbon_promo_title']); ?></span>
 </a>
 </div>
 <?php $ribbon_cnt++; ?>
 <?php if($ribbon_cnt > 9): ?>
 <?php $ribbon_cnt =@1; ?>
 <?php endif; ?>
 <?php endforeach; $this->popLoop(); $loop = $this->getFirstLoop(); ?>
 </div>
 <!-- If we need pagination -->
 <div class="swiper-pagination hidden"></div>

 <!-- If we need navigation buttons -->
 <div class="swiper-button-prev swiper-button-black <?php if($num_elements > $settings['slides_per_view'] ): ?> toggle-pagination <?php endif; ?>"></div>
 <div class="swiper-button-next swiper-button-black <?php if($num_elements > $settings['slides_per_view'] ): ?> toggle-pagination <?php endif; ?>"></div>

 <!-- If we need scrollbar -->
 <div class="swiper-scrollbar hidden"></div>
 </div>
</div>